import React, { Component } from 'react';
import './move.css';
import { LikeOutline, MessageOutline, SendOutline } from 'antd-mobile-icons';
import aa from '../plaza/img/1.png';
import huo from './img/1.png';
import { history } from 'umi';
import 'lib-flexible';
import '@/pages/golobo.less';
import { FloatingBall } from 'react-vant';
import { Edit } from '@react-vant/icons';

export default class nan extends Component {
  render() {
    return (
      <div>
        <FloatingBall
          className="demo-floating-box-bubble"
          draggable={false}
          adsorb={false}
          offset={{
            right: 20,
            bottom: 100,
          }}
          style={{
            '--rv-floating-box-size': '50px',
          }}
        >
          <Edit
            fontSize={'40px'}
            onClick={() => {
              history.push('/draft');
            }}
          />
        </FloatingBall>
        <div className="header">
          <button>全部</button>|<button>热门</button>|<button>同城</button>
          <span>{'427'}条评论</span>
        </div>
        <div style={{ marginTop: '0.5rem' }}>
          <div>
            <header className="head">
              <img src={aa} alt="" />
              <div className="name">
                <span>设计界的一枝花</span>
                <button
                  style={{
                    fontWeight: 'bold',
                    borderStyle: 'none',
                    backgroundColor: '#fff',
                  }}
                >
                  ...
                </button>
                <p>{'2019-11-22'}</p>
              </div>
            </header>
            <div className="content">
              <p>怎么感觉有点像《地球最后的夜晚》连方言都是一样的</p>
            </div>
            <div
              className="ping"
              style={{
                backgroundColor: '#f5f5f5',
                height: '1rem',
                marginTop: '0.5rem',
                lineHeight: '1rem',
                display: 'flex',
              }}
            >
              <img src={huo} alt="" />
              <p>{'C**8'}:收了多少钱？这么黑。</p>
            </div>
            <div className="bottom">
              <button>
                <LikeOutline />
                {'939'}
              </button>
              <button>
                <MessageOutline />
                {'45'}
              </button>
              <button style={{ fontWeight: 'bold' }}>
                <SendOutline />
              </button>
            </div>
          </div>
        </div>
      </div>
    );
  }
}
